<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="zh-CN"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../../../favicon.ico">
<title>主页</title>
<!-- Bootstrap 核心CSS -->
<link rel="stylesheet" href="https://code.z01.com/v4/dist/css/bootstrap.min.css">
<style>
/* * Globals */
/* Links */
a, a:focus, a:hover { color: #fff; }
/* Custom default button */
.btn-secondary, .btn-secondary:hover, .btn-secondary:focus { color: #333; text-shadow: none; /* Prevent inheritance from `body` */ background-color: #fff; border: .05rem solid #fff; }
/* * Base structure */
html, body { height: 100%; background-color: #333; }
body { color: #fff; text-align: center; text-shadow: 0 .05rem .1rem rgba(0,0,0,.5); }
/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper { display: table; width: 100%; height: 100%; /* For at least Firefox */ min-height: 100%; box-shadow: inset 0 0 5rem rgba(0,0,0,.5); }
.site-wrapper-inner { display: table-cell; vertical-align: top; }
.cover-container { margin-right: auto; margin-left: auto; }
/* Padding for spacing */
.inner { padding: 2rem; }
/* * Header */
.masthead { margin-bottom: 2rem; }
.masthead-brand { margin-bottom: 0; }
.nav-masthead .nav-link { padding: .25rem 0; font-weight: 700; color: rgba(255,255,255,.5); background-color: transparent; border-bottom: .25rem solid transparent; }
.nav-masthead .nav-link:hover, .nav-masthead .nav-link:focus { border-bottom-color: rgba(255,255,255,.25); }
.nav-masthead .nav-link + .nav-link { margin-left: 1rem; }
.nav-masthead .active { color: #fff; border-bottom-color: #fff; }

@media (min-width: 48em) {
.masthead-brand { float: left; }
.nav-masthead { float: right; }
}
/* * Cover */
.cover { padding: 0 1.5rem; }
.cover .btn-lg { padding: .75rem 1.25rem; font-weight: 700; }
/* * Footer */
.mastfoot { color: rgba(255,255,255,.5); }
/* * Affix and center */
@media (min-width: 40em) {
/* Pull out the header and footer */
.masthead { position: fixed; top: 0; }
.mastfoot { position: fixed; bottom: 0; }
/* Start the vertical centering */
.site-wrapper-inner { vertical-align: middle; }
/* Handle the widths */
.masthead,  .mastfoot,  .cover-container { width: 100%; /* Must be percentage or pixels for horizontal alignment */ }
}
@media (min-width: 62em) {
.masthead,  .mastfoot,  .cover-container { width: 42rem; }
}
</style>
</head>
<body background="../pic/333.jpg" style="background-size:100%;">
<div class="site-wrapper">
  <div class="site-wrapper-inner">
    <div class="cover-container">
      <header class="masthead clearfix">
        <div class="inner">
          <h6 class="masthead-brand">Power By &nbsp</h6>
          <h3 class="masthead-brand">GSC</h3>
          <nav class="nav nav-masthead"> 
          <a class="nav-link active" href="#">分类：</a> 
          <a class="nav-link " href="goos_fenlei.jsp?tic=1">电子产品</a> 
          <a class="nav-link" href="goos_fenlei.jsp?tic=2">服饰</a> 
          <a class="nav-link" href="goos_fenlei.jsp?tic=3">日用品</a>
          <a class="nav-link" href="goos_fenlei.jsp?tic=4">食品</a> 
          <a class="nav-link" href="Zhuye.jsp">Exit</a> 
          </nav>
        </div>
      </header>
      <main role="main" class="inner cover">
       <h1 class="cover-heading">Buy something ?</h1>
        <p class="lead"></p>
      </main>
      
    </div>
  </div>
</div>


<!-- Bootstrap 核心 JavaScript --> 
<script src="https://code.z01.com/js/jquery-3.2.1.slim.min.js"></script>
<script src="https://code.z01.com/v4/dist/js/popper.min.js"></script>
<script src="https://code.z01.com/v4/dist/js/bootstrap.min.js"></script>

</body></html>